<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link href="../css/wheelSurf.css" type="text/css" rel="stylesheet"/>
    <title></title>
</head>
<body>
<div class="contaniner">
    <table class="nine">
        <tbody>
        <tr>
            <td class="item" data-index="1">萌妹子</td>
            <td class="item" data-index="2">如花</td>
            <td class="item" data-index="3">女汉子</td>
        </tr>
        <tr>
            <td class="item active" data-index="8">女神</td>
            <td class="center">
                <a href="javascript:void(0);" class="btn-start">开始</a>
            </td>
            <td class="item" data-index="4">苍老师</td>
        </tr>
        <tr>
            <td class="item" data-index="7">凤姐</td>
            <td class="item" data-index="6">郭美美</td>
            <td class="item" data-index="5">人妖</td>
        </tr>
        </tbody>
    </table>
</div>
</body>
</html>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/wheelSurf.js"></script>
<script>
    $(function () {
        wheelSurf.wheelSurf();
    })
</script>